<template>
    <Breadcrumb style="margin-bottom:20px; text-align: left;">
        <BreadcrumbItem to="/" v-for="(item, index) in routeInfo" :key="index">
        {{item}}
        </BreadcrumbItem>
        <!-- <BreadcrumbItem to="/components/breadcrumb">Components</BreadcrumbItem>
        <BreadcrumbItem>Breadcrumb</BreadcrumbItem> -->
    </Breadcrumb>
</template>

<script>
export default {

    computed: {
        routeInfo: function () {
            var arr = this.$route.matched.map(v => {
                return v.meta;
            })

        return arr;
        }
    }
};
</script>

<style>
</style>
